<template>
    <div class="demo">
        <h1>{{title}}</h1>
        <!-- //传输数据 -->
        <slot :games="games">我是插槽语法,当没有插槽时默认显示的是我</slot>

    </div>
</template>
<script>
    export default {
        name: 'SchoolN',
        data() {
            return {
                games: ['红色警戒', '穿越火线', '劲舞团', '超级玛丽'],
            }
        }, props: ['title']
    }
</script>

<style scoped>
    .demo {
        width: 300px;
        height: 400px;
        background-color: skyblue;

    }

    ul {
        list-style: none;
        display: block;
    }
</style>